آموزش JavaScript DOM - صفحات وب تعاملی و پویا [ویدئو]

سرفصل ها و درس ها

مقدمه ای بر جاوا اسکریپت و محتوای صفحات وب تعاملی Introduction to JavaScript and Interactive Webpage Content

• معرفی Introduction

• نحوه ایجاد صفحات وب تعاملی پویا با جاوا اسکریپت How to Create Dynamic Interactive Webpages with JavaScript

• شروع به نحوه شروع کدنویسی با جاوا اسکریپت Getting Started on How to Start Coding with JavaScript

• نحوه کدنویسی با جاوا اسکریپت با افزودن جاوا اسکریپت How to Code with JavaScript Adding JavaScript

• نکات کد جاوا اسکریپت و نحوه شروع با جاوا اسکریپت را بیاموزید JavaScript Code Tips and Learn How to Start with JavaScript

• نحوه استفاده از متغیرها در جاوا اسکریپت How to Use Variables in JavaScript

• تبدیل نوع پویا جاوا اسکریپت چیست و چگونه کار می کند What Is JavaScript Dynamic Type Conversion and How It Works

• قوانین نامگذاری متغیرها در مورد نحوه اعلان متغیرهای جاوا اسکریپت Variable Naming Rules on How to Declare JavaScript Variables

• آرایه ها و اشیاء در مثال های کدنویسی جاوا اسکریپت Arrays and Objects in JavaScript Coding Examples

• توابع جاوا اسکریپت – چگونه می توان از توابع در کد استفاده کرد JavaScript Functions – How Functions Can Be Used in Code

• مدل شی سند جاوا اسکریپت برای صفحات وب تعاملی JavaScript Document Object Model for Interactive Webpages

• روش‌های DOM با جاوا اسکریپت عناصر صفحات HTML را انتخاب کنید DOM Methods with JavaScript Select HTML Pages Elements

• شرایط منطقی با جاوا اسکریپت if Statement Switch Logic Conditions with JavaScript if Statement Switch

• اپراتورها در جاوا اسکریپت – نحوه استفاده از اپراتورها Operators in JavaScript – How to Apply Operators

• شرایط یک بیانیه کوتاه جاوا اسکریپت اپراتور سه تایی Ternary Operator JavaScript Short One Statement Conditions

• جاوا اسکریپت مقادیر تصادفی ریاضی - اعداد تصادفی را دریافت کنید Math Random Values JavaScript – Get Random Numbers

• جاوا اسکریپت برای حلقه های while و Do while – اجرای بلوک های کد JavaScript for While and Do While Loops – Run Blocks of Code

• اشیاء جاوا اسکریپت – نحوه استفاده از اشیاء در کد JavaScript Objects – How to Use Objects in Code

• ساخت شی با کد نویسی جاوا اسکریپت Object Construction with JavaScript Coding

• روش های رایج آرایه جاوا اسکریپت برای به روز رسانی مقادیر آرایه Common JavaScript Array Methods to Update Array Values

• حلقه زدن از طریق محتویات آرایه برای هر روش و حلقه های For برای داده های آرایه Looping Through Array Contents forEach Methods and For Loops for Array Data

• روش‌های آرایه برای موارد موجود در کدنویسی جاوا اسکریپت آرایه Array Methods for Items Contained in the Array JavaScript Coding

• روش‌های آرایه برای مرتب‌سازی آیتم‌های آرایه با استفاده از آرایه تصادفی جاوا اسکریپت Array Methods for Sorting Array Items Using JavaScript Random Array

• نمونه هایی از روش آرایه جاوا اسکریپت برای یافتن آیتم های آرایه JavaScript Array Method Examples to Find Array Items

• روش های رشته جاوا اسکریپت کارکرد مشترک JavaScript String Methods Common Functionality

• بازی تعاملی درهم آمیختن کلمات با حروف ترکیبی جاوا اسکریپت به صورت رشته ای Interactive Word Scramble Game with JavaScript Shuffle Letters in Strings

• LocalStorage با جاوا اسکریپت JSON تجزیه و تشنج کردن اشیا LocalStorage with JavaScript JSON Parse and Stringify of Objects

تعامل صفحه وب DOM با جاوا اسکریپت DOM Webpage Interaction with JavaScript

• مقدمه ای بر جاوا اسکریپت و DOM Introduction to JavaScript and the DOM

• مقدمه ای بر جاوا اسکریپت و DOM نحوه ایجاد صفحات وب تعاملی Introduction to JavaScript and the DOM How to Create Interactive Webpages

• ایجاد و حذف عناصر با کد جاوا اسکریپت Creating and Deleting Elements with JavaScript Code

• لیست ها عناصر را از والد به آیتم های عنصر دیگر جاوا اسکریپت فهرست دیگری منتقل می کند Lists Move Elements from Parent to Other Element Items Another List JavaScript

• رویدادهای بارگیری AddEventListeners OnLoad و DOM در جاوا اسکریپت AddEventListeners OnLoad and DOM Loading Events in JavaScript

• فرم انتخاب و فیلدهای ورودی مقادیر و ایجاد عناصر مثال جاوا اسکریپت Form Select and Input Fields Values and Creation of Elements JavaScript Example

• DOM ماوس و صفحه کلید رویدادها شنوندگان رویداد صفحه تعامل ایجاد می کنند DOM Mouse and Keyboard Events Page Event Listeners Create Interactions

• JavaScript RequestAnimationFrame انیمیشن های صاف در DOM Ball Bouncing JavaScript RequestAnimationFrame Smooth Animations within the DOM Ball Bouncing

پروژه های وب تعاملی و پویا با کد جاوا اسکریپت کد DOM Interactive and Dynamic Web Projects with JavaScript Code DOM Examples

• مقدمه ای بر پروژه های کدنویسی با استفاده از جاوا اسکریپت DOM Dynamic Webpages Introduction to Coding Projects Using JavaScript DOM Dynamic Webpages

• جدول رنگ پس زمینه سرگرمی ایجاد جدول با جاوا اسکریپت Background Color Table Fun Create Table with JavaScript

• انتخابگر عنصر و تعویض عناصر در کد جاوا اسکریپت DOM Element Selector and Swap of Elements within the DOM JavaScript Code

• JavaScript Dynamic Modal از Data Object ایجاد مدال با کد JavaScript Dynamic Modal from Data Object Create Modals with Code

• کلیک‌کننده‌های صفحه، شمارنده‌های کلیک تعاملی پویا ایجاد می‌کنند Page Clickers Create Dynamic Interactive Click Counters

• سازنده کلمات تصادفی با روش های رشته جاوا اسکریپت Random Words Maker with JavaScript String Methods

• Scrollbar Scroll Tracker موقعیت اسکرول صفحه را محاسبه کنید Scrollbar Scroll Tracker Calculate the Scroll Position on the Page

• امتحان ریاضی و شروع و توقف شمارنده با جاوا اسکریپت Math Quiz and Start and Stop Counters with JavaScript

• داینامیک تعاملی جاوا اسکریپت حافظه DOM بازی CSS Grid و Game Logic Dynamic Interactive JavaScript DOM Memory Game CSS Grid and Game Logic

• چالش کدنویسی بازی DOM بازی جاوا اسکریپت پویا کوین چرخاندن Dynamic JavaScript Coin Flipping Game DOM Game Coding Challenge

• بازی کارت های نبرد جاوا اسکریپت با استفاده از روش های آرایه JavaScript Battle Cards Game Using Array Methods